<?xml version="1.0" encoding="utf-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui"
    xmlns:com="http://java.sun.com/jsf/composite/componentes"
    xmlns:f="http://java.sun.com/jsf/core">
<ui:composition template="/templates/layout.xhtml">
    <ui:include src="cadastro.xhtml" />
    
    <h2><h:outputText value="#{appMessages['usuarios.titulo']}" /></h2>
    
    <h:form id="formUsuarios">
        <p:toolbar id="tbCidades">
            <p:toolbarGroup>
                <p:commandButton
                	id="cadastrar"
                    value="#{appMessages['usuarios.cadastrar']}"
                    action="#{usuarioBean.cadastrarUsuario()}"
                    oncomplete="modalCadastro.show();"
                    update=":formUsuario" />
            </p:toolbarGroup>
        </p:toolbar>
        
        <p:messages id="msgUsuarios" />
        
        <p:confirmDialog
            header="#{appMessages['usuarios.remover.titulo']}"
            message="#{appMessages['usuarios.remover.mensagem']}"
            widgetVar="confirmacaoRemover">
            <p:commandButton
                value="#{messages['resposta.sim']}"
                action="#{usuarioBean.removerUsuario()}"
                update="msgUsuarios dtUsuarios"
                oncomplete="confirmacaoRemover.hide();" />
            <p:commandButton value="#{messages['resposta.nao']}" onclick="confirmacaoRemover.hide();" />
        </p:confirmDialog>

        <p:dataTable value="#{usuarioBean.usuarios}" var="usuario" id="dtUsuarios">
            
            <!-- Nome -->
            <p:column headerText="#{appMessages['usuarios.nome']}">
                <h:outputText value="#{usuario.nome}" />
            </p:column>
            
            <!-- Permissão -->
            <p:column headerText="#{appMessages['usuarios.permissao']}">
                <h:outputText value="#{usuario.permissao.descricao}" />
            </p:column>
            
            <p:column>
                <p:commandButton
                    icon="ui-icon-pencil"
                    title="#{appMessages['usuarios.alterar']}"
                    action="#{usuarioBean.carregarUsuario()}"
                    oncomplete="modalCadastro.show();"
                    update=":formUsuario" />
                <p:commandButton
                    icon="ui-icon-close"
                    title="#{appMessages['usuarios.remover']}"
                    action="#{usuarioBean.carregarUsuario()}"
                    oncomplete="confirmacaoRemover.show();"
                    rendered="#{usuarioBean.mostrarBotaoRemover}" />
            </p:column>
        </p:dataTable>
    </h:form>
</ui:composition>
</html>